@charset "UTF-8";

	abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:0 0

}

body {

	line-height:1;	

	scroll-behavior:smooth;

}

:focus {

	outline:1

}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {

	display:block

}

li,nav ul,ol {

	list-style:none

}

blockquote,q {

	quotes:none

}

blockquote:after,blockquote:before,q:after,q:before {

	content:'';

	content:none

}

a {

	margin:0;

	padding:0;

	border:0;

	font-size:100%;

	vertical-align:baseline;

	background:0 0;

	text-decoration:none

}

ins {

	background-color:#ff9;

	color:#000;

	text-decoration:none

}

mark {

	background-color:#ff9;

	color:#000;

	font-style:italic;

	font-weight:700

}

del {

	text-decoration:line-through

}

abbr[title],dfn[title] {

	border-bottom:.01rem dotted #000;

	cursor:help

}

table {

	border-collapse:collapse;

	border-spacing:0

}

hr {

	display:block;

	height:.01rem;

	border:0;

	border-top:.01rem solid #ccc;

	margin:1em 0;

	padding:0

}

input,select {

	vertical-align:middle

}

body,html {

	font-family:Microsoft YaHei;

	/*font-family:STKaiti;*/

	color:#1f1d1d

}

.fl {

	float:left

}

.fr {

	float:right

}

.txt-r {

	text-align:right

}

.clearfix:after {

	content:".";

	clear:both;

	display:block;

	height:0;

	overflow:hidden;

	visibility:hidden

}

* {

	-webkit-box-sizing:border-box;

	box-sizing:border-box

}

.animated,.header .nav ul>li a,.home .web-nav .item .overlay,.main .banner-top .page-title {

	-webkit-animation-duration:1s;

	animation-duration:1s;

	-webkit-animation-fill-mode:both;

	animation-fill-mode:both

}

.animated.infinite,.header .nav ul>li a.infinite,.home .web-nav .item .infinite.overlay,.main .banner-top .infinite.page-title {

	-webkit-animation-iteration-count:infinite;

	animation-iteration-count:infinite

}

.animated.hinge,.header .nav ul>li a.hinge,.home .web-nav .item .hinge.overlay,.main .banner-top .hinge.page-title {

	-webkit-animation-duration:2s;

	animation-duration:2s

}

@-webkit-keyframes bounce {

	0%,100%,20%,50%,80% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

40% {

	-webkit-transform:translateY(-.3rem);

	transform:translateY(-.3rem)

}

60% {

	-webkit-transform:translateY(-.15rem);

	transform:translateY(-.15rem)

}

}@keyframes bounce {

	0%,100%,20%,50%,80% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

40% {

	-webkit-transform:translateY(-.3rem);

	transform:translateY(-.3rem)

}

60% {

	-webkit-transform:translateY(-.15rem);

	transform:translateY(-.15rem)

}

}.bounce {

	-webkit-animation-name:bounce;

	animation-name:bounce

}

@-webkit-keyframes flash {

	0%,100%,50% {

	opacity:1

}

25%,75% {

	opacity:0

}

}@keyframes flash {

	0%,100%,50% {

	opacity:1

}

25%,75% {

	opacity:0

}

}.flash {

	-webkit-animation-name:flash;

	animation-name:flash

}

@-webkit-keyframes pulse {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

50% {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

100% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

}@keyframes pulse {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

50% {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

100% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

}.pulse {

	-webkit-animation-name:pulse;

	animation-name:pulse

}

@-webkit-keyframes rubberBand {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

30% {

	-webkit-transform:scaleX(1.25) scaleY(.75);

	transform:scaleX(1.25) scaleY(.75)

}

40% {

	-webkit-transform:scaleX(.75) scaleY(1.25);

	transform:scaleX(.75) scaleY(1.25)

}

60% {

	-webkit-transform:scaleX(1.15) scaleY(.85);

	transform:scaleX(1.15) scaleY(.85)

}

100% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

}@keyframes rubberBand {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

30% {

	-webkit-transform:scaleX(1.25) scaleY(.75);

	transform:scaleX(1.25) scaleY(.75)

}

40% {

	-webkit-transform:scaleX(.75) scaleY(1.25);

	transform:scaleX(.75) scaleY(1.25)

}

60% {

	-webkit-transform:scaleX(1.15) scaleY(.85);

	transform:scaleX(1.15) scaleY(.85)

}

100% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

}.rubberBand {

	-webkit-animation-name:rubberBand;

	animation-name:rubberBand

}

@-webkit-keyframes shake {

	0%,100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

10%,30%,50%,70%,90% {

	-webkit-transform:translateX(-.1rem);

	transform:translateX(-.1rem)

}

20%,40%,60%,80% {

	-webkit-transform:translateX(.1rem);

	transform:translateX(.1rem)

}

}@keyframes shake {

	0%,100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

10%,30%,50%,70%,90% {

	-webkit-transform:translateX(-.1rem);

	transform:translateX(-.1rem)

}

20%,40%,60%,80% {

	-webkit-transform:translateX(.1rem);

	transform:translateX(.1rem)

}

}.shake {

	-webkit-animation-name:shake;

	animation-name:shake

}

@-webkit-keyframes swing {

	20% {

	-webkit-transform:rotate(15deg);

	transform:rotate(15deg)

}

40% {

	-webkit-transform:rotate(-10deg);

	transform:rotate(-10deg)

}

60% {

	-webkit-transform:rotate(5deg);

	transform:rotate(5deg)

}

80% {

	-webkit-transform:rotate(-5deg);

	transform:rotate(-5deg)

}

100% {

	-webkit-transform:rotate(0);

	transform:rotate(0)

}

}@keyframes swing {

	20% {

	-webkit-transform:rotate(15deg);

	transform:rotate(15deg)

}

40% {

	-webkit-transform:rotate(-10deg);

	transform:rotate(-10deg)

}

60% {

	-webkit-transform:rotate(5deg);

	transform:rotate(5deg)

}

80% {

	-webkit-transform:rotate(-5deg);

	transform:rotate(-5deg)

}

100% {

	-webkit-transform:rotate(0);

	transform:rotate(0)

}

}.swing {

	-webkit-transform-origin:top center;

	transform-origin:top center;

	-webkit-animation-name:swing;

	animation-name:swing

}

@-webkit-keyframes tada {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

10%,20% {

	-webkit-transform:scale(.9) rotate(-3deg);

	transform:scale(.9) rotate(-3deg)

}

30%,50%,70%,90% {

	-webkit-transform:scale(1.1) rotate(3deg);

	transform:scale(1.1) rotate(3deg)

}

40%,60%,80% {

	-webkit-transform:scale(1.1) rotate(-3deg);

	transform:scale(1.1) rotate(-3deg)

}

100% {

	-webkit-transform:scale(1) rotate(0);

	transform:scale(1) rotate(0)

}

}@keyframes tada {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

10%,20% {

	-webkit-transform:scale(.9) rotate(-3deg);

	transform:scale(.9) rotate(-3deg)

}

30%,50%,70%,90% {

	-webkit-transform:scale(1.1) rotate(3deg);

	transform:scale(1.1) rotate(3deg)

}

40%,60%,80% {

	-webkit-transform:scale(1.1) rotate(-3deg);

	transform:scale(1.1) rotate(-3deg)

}

100% {

	-webkit-transform:scale(1) rotate(0);

	transform:scale(1) rotate(0)

}

}.tada {

	-webkit-animation-name:tada;

	animation-name:tada

}

@-webkit-keyframes wobble {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

15% {

	-webkit-transform:translateX(-25%) rotate(-5deg);

	transform:translateX(-25%) rotate(-5deg)

}

30% {

	-webkit-transform:translateX(20%) rotate(3deg);

	transform:translateX(20%) rotate(3deg)

}

45% {

	-webkit-transform:translateX(-15%) rotate(-3deg);

	transform:translateX(-15%) rotate(-3deg)

}

60% {

	-webkit-transform:translateX(10%) rotate(2deg);

	transform:translateX(10%) rotate(2deg)

}

75% {

	-webkit-transform:translateX(-5%) rotate(-1deg);

	transform:translateX(-5%) rotate(-1deg)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes wobble {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

15% {

	-webkit-transform:translateX(-25%) rotate(-5deg);

	transform:translateX(-25%) rotate(-5deg)

}

30% {

	-webkit-transform:translateX(20%) rotate(3deg);

	transform:translateX(20%) rotate(3deg)

}

45% {

	-webkit-transform:translateX(-15%) rotate(-3deg);

	transform:translateX(-15%) rotate(-3deg)

}

60% {

	-webkit-transform:translateX(10%) rotate(2deg);

	transform:translateX(10%) rotate(2deg)

}

75% {

	-webkit-transform:translateX(-5%) rotate(-1deg);

	transform:translateX(-5%) rotate(-1deg)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.wobble {

	-webkit-animation-name:wobble;

	animation-name:wobble

}

@-webkit-keyframes bounceIn {

	0% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

50% {

	opacity:1;

	-webkit-transform:scale(1.05);

	transform:scale(1.05)

}

70% {

	-webkit-transform:scale(.9);

	transform:scale(.9)

}

100% {

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}

}@keyframes bounceIn {

	0% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

50% {

	opacity:1;

	-webkit-transform:scale(1.05);

	transform:scale(1.05)

}

70% {

	-webkit-transform:scale(.9);

	transform:scale(.9)

}

100% {

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}

}.bounceIn {

	-webkit-animation-name:bounceIn;

	animation-name:bounceIn

}

@-webkit-keyframes bounceInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateY(.3rem);

	transform:translateY(.3rem)

}

80% {

	-webkit-transform:translateY(-.1rem);

	transform:translateY(-.1rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes bounceInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateY(.3rem);

	transform:translateY(.3rem)

}

80% {

	-webkit-transform:translateY(-.1rem);

	transform:translateY(-.1rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.bounceInDown {

	-webkit-animation-name:bounceInDown;

	animation-name:bounceInDown

}

@-webkit-keyframes bounceInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateX(.3rem);

	transform:translateX(.3rem)

}

80% {

	-webkit-transform:translateX(-.1rem);

	transform:translateX(-.1rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes bounceInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateX(.3rem);

	transform:translateX(.3rem)

}

80% {

	-webkit-transform:translateX(-.1rem);

	transform:translateX(-.1rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.bounceInLeft {

	-webkit-animation-name:bounceInLeft;

	animation-name:bounceInLeft

}

@-webkit-keyframes bounceInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateX(-.3rem);

	transform:translateX(-.3rem)

}

80% {

	-webkit-transform:translateX(.1rem);

	transform:translateX(.1rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes bounceInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateX(-.3rem);

	transform:translateX(-.3rem)

}

80% {

	-webkit-transform:translateX(.1rem);

	transform:translateX(.1rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.bounceInRight {

	-webkit-animation-name:bounceInRight;

	animation-name:bounceInRight

}

@-webkit-keyframes bounceInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateY(-.3rem);

	transform:translateY(-.3rem)

}

80% {

	-webkit-transform:translateY(.1rem);

	transform:translateY(.1rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes bounceInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

60% {

	opacity:1;

	-webkit-transform:translateY(-.3rem);

	transform:translateY(-.3rem)

}

80% {

	-webkit-transform:translateY(.1rem);

	transform:translateY(.1rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.bounceInUp {

	-webkit-animation-name:bounceInUp;

	animation-name:bounceInUp

}

@-webkit-keyframes bounceOut {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

25% {

	-webkit-transform:scale(.95);

	transform:scale(.95)

}

50% {

	opacity:1;

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

100% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

}@keyframes bounceOut {

	0% {

	-webkit-transform:scale(1);

	transform:scale(1)

}

25% {

	-webkit-transform:scale(.95);

	transform:scale(.95)

}

50% {

	opacity:1;

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

100% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

}.bounceOut {

	-webkit-animation-name:bounceOut;

	animation-name:bounceOut

}

@-webkit-keyframes bounceOutDown {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

20% {

	opacity:1;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}@keyframes bounceOutDown {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

20% {

	opacity:1;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}.bounceOutDown {

	-webkit-animation-name:bounceOutDown;

	animation-name:bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

20% {

	opacity:1;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}@keyframes bounceOutLeft {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

20% {

	opacity:1;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}.bounceOutLeft {

	-webkit-animation-name:bounceOutLeft;

	animation-name:bounceOutLeft

}

@-webkit-keyframes bounceOutRight {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

20% {

	opacity:1;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}@keyframes bounceOutRight {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

20% {

	opacity:1;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}.bounceOutRight {

	-webkit-animation-name:bounceOutRight;

	animation-name:bounceOutRight

}

@-webkit-keyframes bounceOutUp {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

20% {

	opacity:1;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}@keyframes bounceOutUp {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

20% {

	opacity:1;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}.bounceOutUp {

	-webkit-animation-name:bounceOutUp;

	animation-name:bounceOutUp

}

@-webkit-keyframes fadeIn {

	0% {

	opacity:0

}

100% {

	opacity:1

}

}@keyframes fadeIn {

	0% {

	opacity:0

}

100% {

	opacity:1

}

}.fadeIn {

	-webkit-animation-name:fadeIn;

	animation-name:fadeIn

}

@-webkit-keyframes fadeInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes fadeInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.fadeInDown {

	-webkit-animation-name:fadeInDown;

	animation-name:fadeInDown

}

@-webkit-keyframes fadeInDownBig {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes fadeInDownBig {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.fadeInDownBig {

	-webkit-animation-name:fadeInDownBig;

	animation-name:fadeInDownBig

}

@-webkit-keyframes fadeInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes fadeInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.fadeInLeft {

	-webkit-animation-name:fadeInLeft;

	animation-name:fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes fadeInLeftBig {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.fadeInLeftBig {

	-webkit-animation-name:fadeInLeftBig;

	animation-name:fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes fadeInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.fadeInRight {

	-webkit-animation-name:fadeInRight;

	animation-name:fadeInRight

}

@-webkit-keyframes fadeInRightBig {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes fadeInRightBig {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.fadeInRightBig {

	-webkit-animation-name:fadeInRightBig;

	animation-name:fadeInRightBig

}

@-webkit-keyframes fadeInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes fadeInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.fadeInUp {

	-webkit-animation-name:fadeInUp;

	animation-name:fadeInUp

}

@-webkit-keyframes fadeInUpBig {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes fadeInUpBig {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.fadeInUpBig {

	-webkit-animation-name:fadeInUpBig;

	animation-name:fadeInUpBig

}

@-webkit-keyframes fadeOut {

	0% {

	opacity:1

}

100% {

	opacity:0

}

}@keyframes fadeOut {

	0% {

	opacity:1

}

100% {

	opacity:0

}

}.fadeOut,.home .web-nav .item .overlay:hover,.main .banner-top .page-title:hover {

	-webkit-animation-name:fadeOut;

	animation-name:fadeOut

}

@-webkit-keyframes fadeOutDown {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

}@keyframes fadeOutDown {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(.2rem);

	transform:translateY(.2rem)

}

}.fadeOutDown {

	-webkit-animation-name:fadeOutDown;

	animation-name:fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}@keyframes fadeOutDownBig {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}.fadeOutDownBig {

	-webkit-animation-name:fadeOutDownBig;

	animation-name:fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

}@keyframes fadeOutLeft {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-.2rem);

	transform:translateX(-.2rem)

}

}.fadeOutLeft {

	-webkit-animation-name:fadeOutLeft;

	animation-name:fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}@keyframes fadeOutLeftBig {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}.fadeOutLeftBig {

	-webkit-animation-name:fadeOutLeftBig;

	animation-name:fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

}@keyframes fadeOutRight {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(.2rem);

	transform:translateX(.2rem)

}

}.fadeOutRight {

	-webkit-animation-name:fadeOutRight;

	animation-name:fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}@keyframes fadeOutRightBig {

	0% {

	opacity:1;

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}.fadeOutRightBig {

	-webkit-animation-name:fadeOutRightBig;

	animation-name:fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

}@keyframes fadeOutUp {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-.2rem);

	transform:translateY(-.2rem)

}

}.fadeOutUp {

	-webkit-animation-name:fadeOutUp;

	animation-name:fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}@keyframes fadeOutUpBig {

	0% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}.fadeOutUpBig {

	-webkit-animation-name:fadeOutUpBig;

	animation-name:fadeOutUpBig

}

@-webkit-keyframes flip {

	0% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);

	transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

40% {

	-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);

	transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

50% {

	-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);

	transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

80% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);

	transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

100% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);

	transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

}@keyframes flip {

	0% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);

	transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

40% {

	-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);

	transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

50% {

	-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);

	transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

80% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);

	transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

100% {

	-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);

	transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

}.animated.flip,.header .nav ul>li a.flip,.home .web-nav .item .flip.overlay,.main .banner-top .flip.page-title {

	-webkit-backface-visibility:visible;

	backface-visibility:visible;

	-webkit-animation-name:flip;

	animation-name:flip

}

@-webkit-keyframes flipInX {

	0% {

	-webkit-transform:perspective(4rem) rotateX(90deg);

	transform:perspective(4rem) rotateX(90deg);

	opacity:0

}

40% {

	-webkit-transform:perspective(4rem) rotateX(-10deg);

	transform:perspective(4rem) rotateX(-10deg)

}

70% {

	-webkit-transform:perspective(4rem) rotateX(10deg);

	transform:perspective(4rem) rotateX(10deg)

}

100% {

	-webkit-transform:perspective(4rem) rotateX(0);

	transform:perspective(4rem) rotateX(0);

	opacity:1

}

}@keyframes flipInX {

	0% {

	-webkit-transform:perspective(4rem) rotateX(90deg);

	transform:perspective(4rem) rotateX(90deg);

	opacity:0

}

40% {

	-webkit-transform:perspective(4rem) rotateX(-10deg);

	transform:perspective(4rem) rotateX(-10deg)

}

70% {

	-webkit-transform:perspective(4rem) rotateX(10deg);

	transform:perspective(4rem) rotateX(10deg)

}

100% {

	-webkit-transform:perspective(4rem) rotateX(0);

	transform:perspective(4rem) rotateX(0);

	opacity:1

}

}.flipInX {

	-webkit-backface-visibility:visible!important;

	backface-visibility:visible!important;

	-webkit-animation-name:flipInX;

	animation-name:flipInX

}

@-webkit-keyframes flipInY {

	0% {

	-webkit-transform:perspective(4rem) rotateY(90deg);

	transform:perspective(4rem) rotateY(90deg);

	opacity:0

}

40% {

	-webkit-transform:perspective(4rem) rotateY(-10deg);

	transform:perspective(4rem) rotateY(-10deg)

}

70% {

	-webkit-transform:perspective(4rem) rotateY(10deg);

	transform:perspective(4rem) rotateY(10deg)

}

100% {

	-webkit-transform:perspective(4rem) rotateY(0);

	transform:perspective(4rem) rotateY(0);

	opacity:1

}

}@keyframes flipInY {

	0% {

	-webkit-transform:perspective(4rem) rotateY(90deg);

	transform:perspective(4rem) rotateY(90deg);

	opacity:0

}

40% {

	-webkit-transform:perspective(4rem) rotateY(-10deg);

	transform:perspective(4rem) rotateY(-10deg)

}

70% {

	-webkit-transform:perspective(4rem) rotateY(10deg);

	transform:perspective(4rem) rotateY(10deg)

}

100% {

	-webkit-transform:perspective(4rem) rotateY(0);

	transform:perspective(4rem) rotateY(0);

	opacity:1

}

}.flipInY {

	-webkit-backface-visibility:visible!important;

	backface-visibility:visible!important;

	-webkit-animation-name:flipInY;

	animation-name:flipInY

}

@-webkit-keyframes flipOutX {

	0% {

	-webkit-transform:perspective(4rem) rotateX(0);

	transform:perspective(4rem) rotateX(0);

	opacity:1

}

100% {

	-webkit-transform:perspective(4rem) rotateX(90deg);

	transform:perspective(4rem) rotateX(90deg);

	opacity:0

}

}@keyframes flipOutX {

	0% {

	-webkit-transform:perspective(4rem) rotateX(0);

	transform:perspective(4rem) rotateX(0);

	opacity:1

}

100% {

	-webkit-transform:perspective(4rem) rotateX(90deg);

	transform:perspective(4rem) rotateX(90deg);

	opacity:0

}

}.flipOutX {

	-webkit-animation-name:flipOutX;

	animation-name:flipOutX;

	-webkit-backface-visibility:visible!important;

	backface-visibility:visible!important

}

@-webkit-keyframes flipOutY {

	0% {

	-webkit-transform:perspective(4rem) rotateY(0);

	transform:perspective(4rem) rotateY(0);

	opacity:1

}

100% {

	-webkit-transform:perspective(4rem) rotateY(90deg);

	transform:perspective(4rem) rotateY(90deg);

	opacity:0

}

}@keyframes flipOutY {

	0% {

	-webkit-transform:perspective(4rem) rotateY(0);

	transform:perspective(4rem) rotateY(0);

	opacity:1

}

100% {

	-webkit-transform:perspective(4rem) rotateY(90deg);

	transform:perspective(4rem) rotateY(90deg);

	opacity:0

}

}.flipOutY {

	-webkit-backface-visibility:visible!important;

	backface-visibility:visible!important;

	-webkit-animation-name:flipOutY;

	animation-name:flipOutY

}

@-webkit-keyframes lightSpeedIn {

	0% {

	-webkit-transform:translateX(100%) skewX(-30deg);

	transform:translateX(100%) skewX(-30deg);

	opacity:0

}

60% {

	-webkit-transform:translateX(-20%) skewX(30deg);

	transform:translateX(-20%) skewX(30deg);

	opacity:1

}

80% {

	-webkit-transform:translateX(0) skewX(-15deg);

	transform:translateX(0) skewX(-15deg);

	opacity:1

}

100% {

	-webkit-transform:translateX(0) skewX(0);

	transform:translateX(0) skewX(0);

	opacity:1

}

}@keyframes lightSpeedIn {

	0% {

	-webkit-transform:translateX(100%) skewX(-30deg);

	transform:translateX(100%) skewX(-30deg);

	opacity:0

}

60% {

	-webkit-transform:translateX(-20%) skewX(30deg);

	transform:translateX(-20%) skewX(30deg);

	opacity:1

}

80% {

	-webkit-transform:translateX(0) skewX(-15deg);

	transform:translateX(0) skewX(-15deg);

	opacity:1

}

100% {

	-webkit-transform:translateX(0) skewX(0);

	transform:translateX(0) skewX(0);

	opacity:1

}

}.lightSpeedIn {

	-webkit-animation-name:lightSpeedIn;

	animation-name:lightSpeedIn;

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

@-webkit-keyframes lightSpeedOut {

	0% {

	-webkit-transform:translateX(0) skewX(0);

	transform:translateX(0) skewX(0);

	opacity:1

}

100% {

	-webkit-transform:translateX(100%) skewX(-30deg);

	transform:translateX(100%) skewX(-30deg);

	opacity:0

}

}@keyframes lightSpeedOut {

	0% {

	-webkit-transform:translateX(0) skewX(0);

	transform:translateX(0) skewX(0);

	opacity:1

}

100% {

	-webkit-transform:translateX(100%) skewX(-30deg);

	transform:translateX(100%) skewX(-30deg);

	opacity:0

}

}.lightSpeedOut {

	-webkit-animation-name:lightSpeedOut;

	animation-name:lightSpeedOut;

	-webkit-animation-timing-function:ease-in;

	animation-timing-function:ease-in

}

@-webkit-keyframes rotateIn {

	0% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(-200deg);

	transform:rotate(-200deg);

	opacity:0

}

100% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}@keyframes rotateIn {

	0% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(-200deg);

	transform:rotate(-200deg);

	opacity:0

}

100% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}.rotateIn {

	-webkit-animation-name:rotateIn;

	animation-name:rotateIn

}

@-webkit-keyframes rotateInDownLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}@keyframes rotateInDownLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}.rotateInDownLeft {

	-webkit-animation-name:rotateInDownLeft;

	animation-name:rotateInDownLeft

}

@-webkit-keyframes rotateInDownRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}@keyframes rotateInDownRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}.rotateInDownRight {

	-webkit-animation-name:rotateInDownRight;

	animation-name:rotateInDownRight

}

@-webkit-keyframes rotateInUpLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}@keyframes rotateInUpLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}.rotateInUpLeft {

	-webkit-animation-name:rotateInUpLeft;

	animation-name:rotateInUpLeft

}

@-webkit-keyframes rotateInUpRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}@keyframes rotateInUpRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

}.rotateInUpRight {

	-webkit-animation-name:rotateInUpRight;

	animation-name:rotateInUpRight

}

@-webkit-keyframes rotateOut {

	0% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(200deg);

	transform:rotate(200deg);

	opacity:0

}

}@keyframes rotateOut {

	0% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:rotate(200deg);

	transform:rotate(200deg);

	opacity:0

}

}.rotateOut {

	-webkit-animation-name:rotateOut;

	animation-name:rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

}@keyframes rotateOutDownLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

}.rotateOutDownLeft {

	-webkit-animation-name:rotateOutDownLeft;

	animation-name:rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

}@keyframes rotateOutDownRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

}.rotateOutDownRight {

	-webkit-animation-name:rotateOutDownRight;

	animation-name:rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

}@keyframes rotateOutUpLeft {

	0% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:left bottom;

	transform-origin:left bottom;

	-webkit-transform:rotate(-90deg);

	transform:rotate(-90deg);

	opacity:0

}

}.rotateOutUpLeft {

	-webkit-animation-name:rotateOutUpLeft;

	animation-name:rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

}@keyframes rotateOutUpRight {

	0% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(0);

	transform:rotate(0);

	opacity:1

}

100% {

	-webkit-transform-origin:right bottom;

	transform-origin:right bottom;

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg);

	opacity:0

}

}.rotateOutUpRight {

	-webkit-animation-name:rotateOutUpRight;

	animation-name:rotateOutUpRight

}

@-webkit-keyframes slideInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes slideInDown {

	0% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

100% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.slideInDown {

	-webkit-animation-name:slideInDown;

	animation-name:slideInDown

}

@-webkit-keyframes slideInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes slideInLeft {

	0% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.slideInLeft {

	-webkit-animation-name:slideInLeft;

	animation-name:slideInLeft

}

@-webkit-keyframes slideInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}@keyframes slideInRight {

	0% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

100% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

}.slideInRight {

	-webkit-animation-name:slideInRight;

	animation-name:slideInRight

}

@-webkit-keyframes slideOutLeft {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}@keyframes slideOutLeft {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(-20rem);

	transform:translateX(-20rem)

}

}.slideOutLeft {

	-webkit-animation-name:slideOutLeft;

	animation-name:slideOutLeft

}

@-webkit-keyframes slideOutRight {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}@keyframes slideOutRight {

	0% {

	-webkit-transform:translateX(0);

	transform:translateX(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(20rem);

	transform:translateX(20rem)

}

}.slideOutRight {

	-webkit-animation-name:slideOutRight;

	animation-name:slideOutRight

}

@-webkit-keyframes slideOutUp {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}@keyframes slideOutUp {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(-20rem);

	transform:translateY(-20rem)

}

}.slideOutUp {

	-webkit-animation-name:slideOutUp;

	animation-name:slideOutUp

}

@-webkit-keyframes slideInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}@keyframes slideInUp {

	0% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

100% {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

}.slideInUp {

	-webkit-animation-name:slideInUp;

	animation-name:slideInUp

}

@-webkit-keyframes slideOutDown {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}@keyframes slideOutDown {

	0% {

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

100% {

	opacity:0;

	-webkit-transform:translateY(20rem);

	transform:translateY(20rem)

}

}.slideOutDown {

	-webkit-animation-name:slideOutDown;

	animation-name:slideOutDown

}

@-webkit-keyframes hinge {

	0% {

	-webkit-transform:rotate(0);

	transform:rotate(0);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

20%,60% {

	-webkit-transform:rotate(80deg);

	transform:rotate(80deg);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

40% {

	-webkit-transform:rotate(60deg);

	transform:rotate(60deg);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

80% {

	-webkit-transform:rotate(60deg) translateY(0);

	transform:rotate(60deg) translateY(0);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out;

	opacity:1

}

100% {

	-webkit-transform:translateY(7rem);

	transform:translateY(7rem);

	opacity:0

}

}@keyframes hinge {

	0% {

	-webkit-transform:rotate(0);

	transform:rotate(0);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

20%,60% {

	-webkit-transform:rotate(80deg);

	transform:rotate(80deg);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

40% {

	-webkit-transform:rotate(60deg);

	transform:rotate(60deg);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

80% {

	-webkit-transform:rotate(60deg) translateY(0);

	transform:rotate(60deg) translateY(0);

	-webkit-transform-origin:top left;

	transform-origin:top left;

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out;

	opacity:1

}

100% {

	-webkit-transform:translateY(7rem);

	transform:translateY(7rem);

	opacity:0

}

}.hinge {

	-webkit-animation-name:hinge;

	animation-name:hinge

}

@-webkit-keyframes rollIn {

	0% {

	opacity:0;

	-webkit-transform:translateX(-100%) rotate(-120deg);

	transform:translateX(-100%) rotate(-120deg)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0) rotate(0);

	transform:translateX(0) rotate(0)

}

}@keyframes rollIn {

	0% {

	opacity:0;

	-webkit-transform:translateX(-100%) rotate(-120deg);

	transform:translateX(-100%) rotate(-120deg)

}

100% {

	opacity:1;

	-webkit-transform:translateX(0) rotate(0);

	transform:translateX(0) rotate(0)

}

}.rollIn {

	-webkit-animation-name:rollIn;

	animation-name:rollIn

}

@-webkit-keyframes rollOut {

	0% {

	opacity:1;

	-webkit-transform:translateX(0) rotate(0);

	transform:translateX(0) rotate(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(100%) rotate(120deg);

	transform:translateX(100%) rotate(120deg)

}

}@keyframes rollOut {

	0% {

	opacity:1;

	-webkit-transform:translateX(0) rotate(0);

	transform:translateX(0) rotate(0)

}

100% {

	opacity:0;

	-webkit-transform:translateX(100%) rotate(120deg);

	transform:translateX(100%) rotate(120deg)

}

}.rollOut {

	-webkit-animation-name:rollOut;

	animation-name:rollOut

}

@-webkit-keyframes zoomIn {

	0% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

50% {

	opacity:1

}

}@keyframes zoomIn {

	0% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

50% {

	opacity:1

}

}.zoomIn {

	-webkit-animation-name:zoomIn;

	animation-name:zoomIn

}

@-webkit-keyframes zoomInDown {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(-20rem);

	transform:scale(.1) translateY(-20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(.6rem);

	transform:scale(.475) translateY(.6rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}@keyframes zoomInDown {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(-20rem);

	transform:scale(.1) translateY(-20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(.6rem);

	transform:scale(.475) translateY(.6rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}.zoomInDown {

	-webkit-animation-name:zoomInDown;

	animation-name:zoomInDown

}

@-webkit-keyframes zoomInLeft {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(-20rem);

	transform:scale(.1) translateX(-20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(.48rem);

	transform:scale(.475) translateX(.48rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}@keyframes zoomInLeft {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(-20rem);

	transform:scale(.1) translateX(-20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(.48rem);

	transform:scale(.475) translateX(.48rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}.zoomInLeft {

	-webkit-animation-name:zoomInLeft;

	animation-name:zoomInLeft

}

@-webkit-keyframes zoomInRight {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(20rem);

	transform:scale(.1) translateX(20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(-.48rem);

	transform:scale(.475) translateX(-.48rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}@keyframes zoomInRight {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(20rem);

	transform:scale(.1) translateX(20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(-.48rem);

	transform:scale(.475) translateX(-.48rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}.zoomInRight {

	-webkit-animation-name:zoomInRight;

	animation-name:zoomInRight

}

@-webkit-keyframes zoomInUp {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(20rem);

	transform:scale(.1) translateY(20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(-.6rem);

	transform:scale(.475) translateY(-.6rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}@keyframes zoomInUp {

	0% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(20rem);

	transform:scale(.1) translateY(20rem);

	-webkit-animation-timing-function:ease-in-out;

	animation-timing-function:ease-in-out

}

60% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(-.6rem);

	transform:scale(.475) translateY(-.6rem);

	-webkit-animation-timing-function:ease-out;

	animation-timing-function:ease-out

}

}.zoomInUp {

	-webkit-animation-name:zoomInUp;

	animation-name:zoomInUp

}

@-webkit-keyframes zoomOut {

	0% {

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}

50% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

100% {

	opacity:0

}

}@keyframes zoomOut {

	0% {

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}

50% {

	opacity:0;

	-webkit-transform:scale(.3);

	transform:scale(.3)

}

100% {

	opacity:0

}

}.zoomOut {

	-webkit-animation-name:zoomOut;

	animation-name:zoomOut

}

@-webkit-keyframes zoomOutDown {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(-.6rem);

	transform:scale(.475) translateY(-.6rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(20rem);

	transform:scale(.1) translateY(20rem);

	-webkit-transform-origin:center bottom;

	transform-origin:center bottom

}

}@keyframes zoomOutDown {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(-.6rem);

	transform:scale(.475) translateY(-.6rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(20rem);

	transform:scale(.1) translateY(20rem);

	-webkit-transform-origin:center bottom;

	transform-origin:center bottom

}

}.zoomOutDown {

	-webkit-animation-name:zoomOutDown;

	animation-name:zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(.42rem);

	transform:scale(.475) translateX(.42rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(-20rem);

	transform:scale(.1) translateX(-20rem);

	-webkit-transform-origin:left center;

	transform-origin:left center

}

}@keyframes zoomOutLeft {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(.42rem);

	transform:scale(.475) translateX(.42rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(-20rem);

	transform:scale(.1) translateX(-20rem);

	-webkit-transform-origin:left center;

	transform-origin:left center

}

}.zoomOutLeft {

	-webkit-animation-name:zoomOutLeft;

	animation-name:zoomOutLeft

}

@-webkit-keyframes zoomOutRight {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(-.42rem);

	transform:scale(.475) translateX(-.42rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(20rem);

	transform:scale(.1) translateX(20rem);

	-webkit-transform-origin:right center;

	transform-origin:right center

}

}@keyframes zoomOutRight {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateX(-.42rem);

	transform:scale(.475) translateX(-.42rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateX(20rem);

	transform:scale(.1) translateX(20rem);

	-webkit-transform-origin:right center;

	transform-origin:right center

}

}.zoomOutRight {

	-webkit-animation-name:zoomOutRight;

	animation-name:zoomOutRight

}

@-webkit-keyframes zoomOutUp {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(.6rem);

	transform:scale(.475) translateY(.6rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(-20rem);

	transform:scale(.1) translateY(-20rem);

	-webkit-transform-origin:center top;

	transform-origin:center top

}

}@keyframes zoomOutUp {

	40% {

	opacity:1;

	-webkit-transform:scale(.475) translateY(.6rem);

	transform:scale(.475) translateY(.6rem);

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear

}

100% {

	opacity:0;

	-webkit-transform:scale(.1) translateY(-20rem);

	transform:scale(.1) translateY(-20rem);

	-webkit-transform-origin:center top;

	transform-origin:center top

}

}.zoomOutUp {

	-webkit-animation-name:zoomOutUp;

	animation-name:zoomOutUp

}

.header {

	width:100%;

	overflow:hidden;

	background:#f2f2f2

}

.header .top {

	/*background:#1f1d1d;*/

	background-image: linear-gradient(to left , #FF8000, #ffffff);

	/*background: #FF8000;

    background: -moz-linear-gradient(left,  #FF8000 0%, #ffffff 100%);

    background: -webkit-gradient(linear, left, left bottom, color-stop(0%,#FF8000), color-stop(100%,#ffffff));

    background: -webkit-linear-gradient(left,  #FF8000 0%,#ffffff 100%);

    background: -o-linear-gradient(left,  #FF8000 0%,#ffffff 100%);

    background: -ms-linear-gradient(left,  #FF8000 0%,#ffffff 100%);

    background: linear-gradient(to bottom,  #FF8000 0%,#ffffff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8000', endColorstr='#ffffff',GradientType=0 );*/

}

.header .top .top-content {

	width:12.2rem;

	margin:0 auto;

	padding:.2rem 0

}

.header .top .logo {

	/*width:4.18rem;*/

	/*height:.34rem;*/

	width:auto;

	height:.7rem;

	float:left

}

.header .top .search {

	float:right;

	width:1.9rem;

	height:.35rem;

	position:relative

}

.header .top .search input {

	width:100%;

	height:100%;

	border:0;

	position:absolute;

	top:0;

	left:-.4rem;

	border-radius:.35rem;

	padding:0 .1rem;

	-webkit-box-sizing:border-box;

	box-sizing:border-box;

	background:#e6e6e6

}

.header .top .search i.icon-search {

	display:inline-block;

	width:.25rem;

	height:.25rem;

	background:url(../images/icon-search.jpg) no-repeat;

	background-size:100% 100%;

	position:absolute;

	top:.05rem;

	right:.55rem

}

.header .top .search .en {

	font-size:.12rem;

	color:#fff;

	position:absolute;

	right:-.5rem;

	line-height:.18rem

}

.header .nav {

	width:100%;

	margin:0 auto

}



.nav ul {

	margin: 0 0 0 30px;

	padding: 0px;

	font-size: 12px;

	color: #FFF;

	white-space: nowrap;

}

.nav li {

	list-style-type: none;

	display: inline;

	padding:0 .15rem .15rem;

	line-height: .55rem;

}

.nav li a {

	text-decoration: none;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-family: Microsoft YaHei;

	padding: 7px 10px;

	color: #FFF;

}

/*.header .nav ul>li {

	float:left;

	padding:0 .4rem .15rem

}*/

.header .nav ul>li .move,.header .nav ul>li a:hover,.header .nav ul>li.active a {

	border-bottom:.02rem solid #1f1d1d

}

.header .nav ul>li a {

	/*display:block;*/

	/*color:#1f1d1d;*/

	font-size:.22rem;

	letter-spacing:.02rem;

	padding:.3rem 0 .15rem;

	font-family:Microsoft YaHei;

}

.footer {

	/*background:#1f1d1d;*/

	background:#ff9933;

	color:#fff;

	overflow:hidden

}

.footer .footer-content {

	width:13.3rem;

	margin:0 auto;

	padding:.45rem .2rem .1rem;

	overflow:hidden;

	-webkit-box-sizing:border-box;

	box-sizing:border-box

}

.footer .footer-content2{

	margin:0 auto;

	border-bottom:.01rem solid #4d4d4d;

	padding: 0 .2rem .1rem !important;

	text-align:center;

}



.footer .footer-content .base-info {

	font-size:.14rem;

	line-height:.24rem;

	float:left;

	margin-right:1rem;

	margin-top:.7rem

}

.footer .footer-content .base-info .logo {

	width:1.64rem;

	height:.58rem

}

.footer .footer-content dl {

	float:left;

	margin:0 .25rem;

	font-size:.16rem

}

.footer .footer-content dl a {

	color:#fff

}

.footer .footer-content dl dt {

	font-weight:700;

	margin-bottom:.36rem

}

.footer .footer-content dl dd {

	color:#bfbfbf;

	margin-top:.12rem

}

.footer .footer-content .qrcode {

	font-size:.16rem;

	float:right;

	line-height:.25rem;

	text-align:left;

	margin-top: -0.1rem;

}

.footer .footer-content .qrcode .tel {

	font-size:.24rem;

	padding:.05rem 0

}

.footer .footer-content .qrcode .qrcode-img {

	width:1.12rem;

	height:1.12rem;

	display:inline-block

}

.footer .footer-content .qrcode .qrcode-wz {

	position:relative;

	top:-.65rem;

	left:.1rem

}

.footer .copy {

	width:13.3rem;

	margin:0 auto;

	font-size:.12rem;

	padding:.3rem .2rem;

	/*color:grey;*/

	color: #FFFFFF;



	-webkit-box-sizing:border-box;

	box-sizing:border-box

}

.footer .copy a {

	/*color:grey*/

	color: #FFFFFF;

}

.main {

	width:100%;

	overflow:hidden;

	background:#f2f2f2

}

.main .banner-top {

	width:100%;

	position:relative;

	overflow:hidden;

	height:4.5rem;

	text-align:center;

}

.main .banner-top img {

	width:100%;

	height:4.5rem;

	max-width:19.2rem;

	margin:0 auto

}

.main .banner-top .page-title {

	width:100%;

	height:4.5rem;

	position:absolute;

	top:0;

	left:0;

	background:rgba(0,0,0,.5);

	color:#fff;

	text-align:center

}

.main .banner-top .page-title h1 {

	font-size:.44rem;

	font-weight:400;

	margin:1.8rem 0 .3rem

}

.main .banner-top .page-title p {

	font-size:.3rem;

	text-transform:uppercase

}

.main .category {

	width:100%;

	text-align:center

}

.main .category .c-item {

	display:inline-block;

	background:#fff;

	min-width:1.6rem;

	font-size:.2rem;

	border-radius:.5rem;

	margin:0 .6rem;

	line-height:.45rem;

}

.main .category .c-item a {

	display:block;

	padding:0 .3rem;

	color:#1f1d1d;

}

.main .category .c-item.active,.main .category .c-item:hover {

	background:#1f1d1d;

	cursor:pointer;

	color:#fff

}

.main .category .c-item.active a,.main .category .c-item:hover a {

	color:#fff;

}

.main .category .item-list {

	text-align:left;

	position:relative

}

.main .category .item-list .li-item {

	text-align:center;

	display:inline-block;

	background:#fff;

	line-height:.4rem;

	min-width:1.3rem;

	font-size:.18rem;

	border-radius:.5rem;

	margin:0 .12rem;

	color:#1f1d1d

}

.main .category .item-list .li-item a {

	color:#1f1d1d;

	display:block;

	padding:0 .2rem;

}

.main .category .item-list .li-item.active,.main .category .item-list .li-item:hover {

	background:#1f1d1d;

	color:#fff;

	cursor:pointer

}

.main .category .item-list .li-item.active a,.main .category .item-list .li-item:hover a {

	color:#fff

}

@-webkit-keyframes slowIn {

	from {

	background:#1f1d1d

}

to {

	background:#333030

}

}@keyframes slowIn {

	from {

	background:#1f1d1d

}

to {

	background:#333030

}

}.more {

	display:block;

	color:#fff;

	text-align:center;

	width:2rem;

	line-height:.4rem;

	margin:0 auto;

	font-size:.2rem;

	background:#1f1d1d

}

.more:hover {

	animation:slowIn 1s;

	-moz-animation:slowIn 1s;

	-webkit-animation:slowIn 1s;

	-o-animation:slowIn 1s

}

.next,.prev {

	width:.15rem;

	text-align:center;

	display:inline-block;

	position:relative

}

.next:before,.prev:before {

	content:'';

	width:.1rem;

	height:.1rem;

	border:solid #212121;

	border-width:.02rem .02rem 0 0;

	position:absolute;

	top:50%;

	left:50%;

	margin:-.05rem 0 0 -.05rem;

	display:block

}

.next:hover,.prev:hover {

	opacity:.8

}

.next.default,.prev.default {

	cursor:default

}

.next.default:before,.prev.default:before {

	border:solid #9a9a9a;

	border-width:.02rem .02rem 0 0

}

.next.default:hover,.prev.default:hover {

	opacity:1

}

.prev:before {

	transform:rotate(-135deg);

	-webkit-transform:rotate(-135deg)

}

.next:before {

	transform:rotate(45deg);

	-webkit-transform:rotate(45deg)

}

.online-qa {

	width:.5rem;

	height:2rem;

	background:url(../images/icon-side.jpg) no-repeat;

	background-size:100% 100%;

	position:fixed;

	right:0;

	bottom:4rem;

	z-index:100

}

.online-qa a {

	width:.5rem;

	height:.5rem;

	display:block

}

.online-qa a:hover {

	background:rgba(31,29,29,.2)

}

.crumbs {

	margin:.25rem 0;

	background:#f2f2f2;

	line-height:.35rem;

	padding-left:.4rem;

	color:#303234

}

.crumbs .icon-home {

	position:relative;

	top:.05rem

}

.service-wrap {

	width:9.9rem;

	margin:0 auto .7rem

}

.list {

	background:#fff;

	color:#303234;

	min-height:8rem

}

.list .list-box {

	border:.03rem solid #eee

}

#pager {

	padding:.5rem 0 0;

	overflow:hidden;

	text-align:center;

	font-size:.14rem;

	width:100%

}

#pager span {

	display:inline-block;

	padding:.05rem .08rem;

	margin-right:.05rem;

	margin-bottom:.05rem

}

#pager span.current {

	background:#000;

	color:#fff;

	border:solid .01rem #aae

}

#pager span.disenable {

	color:#000;

	background:#fff

}

#pager span.text {

	padding:.3em 0;

	color:#999;

	display:none

}

#pager a {

	display:inline-block;

	padding:.05rem .08rem;

	margin-right:.05rem;

	margin-bottom:.05rem;

	text-decoration:none;

	border:solid .01rem #e5e5e4;

	color:#000;

	background:#fff

}

#pager a:hover {

	border:solid .01rem #000;

	color:#000

}

#pager input[type=text] {

	padding:0 .02rem;

	border:solid .01rem #000;

	width:.22rem;

	height:.22rem;

	line-height:.22rem;

	float:left;

	margin-right:.05rem;

	margin-bottom:.05rem;

	text-align:center

}

#pager button {

	cursor:pointer;

	border:solid .01rem #aae;

	height:.3rem;

	line-height:.3rem;

	float:left;

	margin-right:.05rem;

	margin-bottom:.05rem;

	padding:0 .03rem;

	color:#404040;

	background:#fff

}

#pager button:hover {

	border:solid .01rem #26b;

	color:#26b

}

.waterfull ul li {

	width:4.2rem;

	margin:0 .06rem .25rem;

	overflow:hidden;

	display:inline-block

}

.home {

	background:#fff

}

.home .top-banner {

	margin:0 auto

}

.home .top-banner .swiper-container {

	width:100%;

	/*height:6.5rem;*/

	height:auto;

}

.home .top-banner .swiper-container img {

	width:100%;

	/*height:6.5rem;*/

	height:auto;

}

.home .index-products {

	width:100%;

	text-align:center;

	overflow:hidden

}

.home .index-products .product-list {

	width:13.2rem;

	/*height:8rem;*/

	margin:.5rem auto

}

.home .index-products .product-list .item {

	width:4.2rem;

	height:100%;

	float:left;

	display:block;

	color:#1f1d1d

}

.home .index-products .product-list .item .pic {

	width:100%;

	height:4.4rem;

	position:relative

}

.home .index-products .product-list .item .pic img {

	height:3rem;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.home .index-products .product-list .item .title {

	font-size:.3rem;

	margin:.3rem 0

}

.home .index-products .product-list .item .desc {

	font-size:.18rem;

	line-height:.3rem;

	width:3.45rem;

	height:.9rem;

	margin:0 auto .9rem

}

.home .index-products .product-list .item-lr {

	margin:0 .3rem

}

.home .web-nav {

	width:13.3rem;

	margin:.1rem auto .4rem;

	overflow:hidden

}

.home .web-nav .item {

	position:relative;

	display:block

}

.home .web-nav .item img {

	width:100%

}

.home .web-nav .item .overlay {

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	background:rgba(0,0,0,.4)

}

.home .web-nav .item .overlay ul {

	text-align:center;

	color:#fff;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	font-size:.18rem

}

.home .web-nav .item .overlay ul .title-cn {

	font-size:.3rem

}

.home .web-nav .item .overlay ul .title-en {

	font-size:.2rem;

	margin-top:.2rem;

	text-transform:uppercase;

	white-space:nowrap

}

.home .web-nav .item .overlay ul .desc {

	margin-top:.6rem;

	white-space:nowrap

}

.home .web-nav .item-top {

	width:6.49rem;

	height:5.1rem

}

.home .web-nav .item-bottom {

	width:4.27rem;

	height:2rem

}

.home .web-nav .item-bottom-lr {

	margin:0 .3rem

}

.home .web-nav .video {

	width:100%;

	height:6rem;

	margin:.3rem 0 .4rem;

	position:relative;

	background:#3d414a

}

.home .web-nav .video video {

	width:100%;

	height:6rem

}

.home .web-nav .video .icon-video {

	width:1.07rem;

	height:1.07rem;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.home .news-activity-wrap {

	width:100%;

	background:#f2f2f2;

	overflow:hidden;

	padding:.55rem 0 .8rem

}

.home .news-activity-wrap .news-activity {

	width:13.3rem;

	margin:0 auto

}

.home .news-activity-wrap .news-activity .news {

	width:7.5rem;

	float:left

}

.home .news-activity-wrap .news-activity .news .header {

	width:100%;

	padding:.05rem .15rem .08rem;

	background:#fff;

	font-size:.2rem;

	line-height:.25rem

}

.home .news-activity-wrap .news-activity .news .header .icon-news {

	float:left;

	margin-right:.1rem;

	width:.24rem;

	height:.25rem

}

.home .news-activity-wrap .news-activity .news .header .page {

	margin-top:-.1rem

}

.home .news-activity-wrap .news-activity .news .news-show {

	width:100%;

	padding-top:.3rem;

	height:1.9rem;

	overflow:hidden

}

.home .news-activity-wrap .news-activity .news .news-show .hot-news {

	width:2.4rem;

	height:1.6rem;

	float:left;

	overflow:hidden;

	position:relative

}

.home .news-activity-wrap .news-activity .news .news-show .hot-news img {

	width:100%;

	height:100%

}

.home .news-activity-wrap .news-activity .news .news-show .hot-news .title {

	width:100%;

	padding:0 .1rem;

	height:.3rem;

	line-height:.3rem;

	background:rgba(0,0,0,.5);

	font-size:.14rem;

	color:#fff;

	text-align:center;

	position:absolute;

	bottom:0;

	left:0

}

.home .news-activity-wrap .news-activity .news .news-show .news-list {

	float:right;

	width:4.7rem;

	height:1.6rem;

	overflow:hidden

}

.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item {

	width:100%;

	overflow:hidden;

	font-size:.14rem;

	color:#4d4d4d;

	margin-bottom:.35rem;

	display:block

}

.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-title {

	width:3rem;

	height:.14rem;

	float:left;

	padding-left:.2rem;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-title:before {

	content:'●';

	position:relative;

	left:-.2rem

}

.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-time {

	float:right

}

.home .news-activity-wrap .news-activity .activity {

	width:5.15rem;

	float:right

}

.home .news-activity-wrap .news-activity .activity .header {

	width:100%;

	padding:.05rem .15rem .08rem;

	background:#1f1d1d;

	font-size:.2rem;

	line-height:.25rem;

	color:#fff

}

.home .news-activity-wrap .news-activity .activity .header .icon-flag {

	float:left;

	margin-right:.1rem;

	width:.19rem;

	height:.25rem

}

.home .news-activity-wrap .news-activity .activity .header .read-more {

	font-size:.14rem;

	color:#fff;

	float:right;

	position:relative;

	margin-right:.12rem

}

.home .news-activity-wrap .news-activity .activity .header .read-more:before {

	content:'';

	width:.08rem;

	height:.08rem;

	border:solid #fff;

	border-width:.01rem .01rem 0 0;

	display:block;

	transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	position:absolute;

	top:50%;

	right:-.1rem;

	margin-top:-.04rem

}

.home .news-activity-wrap .news-activity .activity .activity-show {

	width:100%;

	padding-top:.3rem

}

.home .news-activity-wrap .news-activity .activity .activity-show .activity-item {

	width:2.4rem;

	height:1.6rem;

	overflow:hidden;

	position:relative

}

.home .news-activity-wrap .news-activity .activity .activity-show .activity-item img {

	width:100%;

	height:100%

}

.home .news-activity-wrap .news-activity .activity .activity-show .activity-item .title {

	width:100%;

	padding:0 .1rem;

	height:.3rem;

	line-height:.3rem;

	background:rgba(0,0,0,.5);

	font-size:.14rem;

	color:#fff;

	text-align:center;

	position:absolute;

	bottom:0;

	left:0

}

.about-us {

	background:#fff

}

.about-us .banner {

	width:100%

}

.all-products {

	max-width:19.2rem;

	width:100%;

	margin:0 auto;

	overflow:hidden;

	padding:.2rem

}

.all-products .product-item {

	width:4.3rem;

	height:6.4rem;

	overflow:hidden;

	display:inline-block;

	text-align:center;

	background:#fff;

	padding:.35rem;

	margin:.25rem .15rem;

	position:relative

}

.all-products .product-item .pic {

	width:100%;

	height:5.2rem;

	position:relative

}

.all-products .product-item .pic img {

	width:auto;

	max-width: 4rem;

	height:auto;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.all-products .product-item .item-title {

	font-size:.2rem;

	color:#1f1d1d

}

.all-products .product-item .item-more {

	width:1.6rem;

	line-height:.3rem;

	background:#e6e6e6;

	font-size:.14rem;

	border:.01rem solid #ccc;

	color:#1f1d1d;

	margin-left:1rem

}

.all-products .product-item:hover {

	top:-.15rem;

	-webkit-box-shadow:0 0 .1rem #b3b3b3;

	box-shadow:0 0 .1rem #b3b3b3

}

.all-products .product-item:hover .item-more {

	background:#1f1d1d;

	color:#fff

}

#itemList {

	position:relative;

	padding:0 0 1.2rem;

	display:flex;

	justify-content:center

}

#itemList .item-list {

	position:absolute

}

#itemList .item-list:nth-child(2) {

	left:6.8rem

}

#itemList .item-list:nth-child(3) {

	left:10.8rem

}

#productResult {

	overflow:hidden;

	text-align:center;

	display:flex;

	flex-wrap:wrap;

	justify-content:center

}

.product-detail {

	width:100%;

	margin:0 auto;

	overflow:hidden;

	background:#fafafa;

	padding-bottom:.4rem

}

.product-detail .product-top {

	border:.01rem solid #bfbfbf;

	overflow:hidden;

	background:#fff

}

.product-detail .product-top .product-banner {

	width:50%

}

.product-detail .product-top .product-banner img {

	/*width:100%;*/

	width:6.5rem;

	height:6.5rem;

}

.product-detail .product-top .product-info {

	width:50%;

	height:6.5rem;

	float:left;

	text-align:center;

	padding:1.4rem 0 .9rem

}

.product-detail .product-top .product-info .title {

	font-size:.44rem;

	margin:.6rem 0 .3rem

}

.product-detail .product-top .product-info .desc {

	font-size:.2rem;

	margin-bottom:.5rem

}

.product-detail .product-top .product-info .order {

	color:#fff;

	padding:.08rem .2rem;

	font-size:.2rem;

	background:#1f1d1d

}

.product-detail .product-top .product-info .order:hover {

	opacity:.8

}

.product-detail .nav {

	width:100%;

	border-bottom:.01rem solid #bfbfbf;

	padding:.3rem 0;

	overflow:hidden

}

.product-detail .nav .nav-content {

	width:13.3rem;

	margin:0 auto

}

.product-detail .nav .nav-content .product-msg {

	font-size:.3rem;

	float:left

}

.product-detail .nav .nav-content .p-crumbs {

	float:right;

	font-size:.14rem

}

.product-detail .nav .nav-content .p-crumbs .icon-location {

	display:inline-block;

	margin-right:.25rem;

	width:.17rem;

	height:.23rem;

	background:url(../images/icon-location.jpg) no-repeat;

	background-size:100% 100%

}

.product-detail .product-content {

	width:13.3rem;

	margin:0 auto;

	background:#fff;

	min-height:2rem;

	font-size:.16rem

}

.product-detail .product-content img {

	max-width:100%

}

.all-case {

	max-width:19.2rem;

	width:100%;

	margin:0 auto;

	overflow:hidden;

	padding:.2rem;

	text-align:center

}

.all-case .case-item {

	width:4.2rem;

	height:4.25rem;

	overflow:hidden;

	display:inline-block;

	text-align:center;

	background:#fff;

	margin:.25rem .15rem;

	position:relative

}

.all-case .case-item .pic {

	width:100%;

	height:3.25rem

}

.all-case .case-item .pic img {

	width:100%;

	height:3.25rem

}

.all-case .case-item .item-title {

	font-size:.2rem;

	color:#1f1d1d;

	padding-top:.35rem

}

.all-case .case-item:hover {

	top:-.15rem;

	-webkit-box-shadow:-.01rem .02rem .05rem #ccc;

	box-shadow:-.01rem .02rem .05rem #ccc

}

#productResult {

	overflow:hidden

}

.case-detail {

	width:96%;

	margin:0 auto;

	padding:.1rem 0;

	overflow:hidden;

	background:#fff

}

.case-detail .case-banner img {

	max-width:100%

}

.case-detail .case-content {

	padding:.2rem;

	font-size:.16rem

}

.case-detail .case-content img {

	max-width:100%

}

.qa-float {

	position:fixed;

	top:50%;

	left:.3rem;

	z-index:999

}

.qa-float .qa-float-title {

	width:.86rem;

	height:.86rem;

	background:url(../images/qa-title.png) no-repeat;

	background-size:100% 100%;

	cursor:pointer

}

.qa-float .qa-float-list {

	position:absolute;

	right:-6.9rem;

	top:-2rem;

	border:.01rem solid #303234;

	padding:.4rem .2rem;

	width:6.75rem;

	background:#fff;

	display:none

}

.qa-float .qa-float-list dt {

	border-bottom:.01rem solid #1f1d1d;

	padding-bottom:.3rem

}

.qa-float .qa-float-list dt div {

	border-left:.08rem solid #1f1d1d;

	padding-left:.2rem;

	padding-bottom:.05rem;

	font-size:.3rem

}

.qa-float .qa-float-list dd {

	border-bottom:.01rem dashed #1f1d1d;

	padding:.35rem 0;

	cursor:pointer

}

.qa-float .qa-float-list dd:last-child {

	border:0;

	text-align:center;

	padding:0

}

.qa-float .qa-float-list dd:last-child .icon-x {

	width:.22rem;

	height:.18rem;

	margin:0 auto;

	cursor:pointer

}

.qa-float .qa-float-list dd h3 {

	font-weight:400;

	font-size:.16rem;

	color:#1f1d1d;

	margin-bottom:.25rem

}

.qa-float .qa-float-list dd .da-content {

	font-size:.14rem;

	color:grey;

	line-height:.24rem

}

.qa-float .qa-float-list dd .da-content p {

	width:5.7rem;

	float:left

}

.qa-float .qa-float-list dd .icon-da,.qa-float .qa-float-list dd .icon-wen {

	width:.26rem;

	height:.26rem;

	background-size:100% 100%!important;

	display:inline-block;

	position:relative;

	top:.06rem;

	margin-right:.2rem

}

.qa-float .qa-float-list dd .icon-wen {

	background:url(../images/wen.jpg) no-repeat

}

.qa-float .qa-float-list dd .icon-da {

	background:url(../images/da.jpg) no-repeat;

	float:left

}

.news-category .c-item {

	margin:0 .45rem!important

}

.all-news {

	padding:1rem .15rem .5rem;

	width:13rem;

	margin:0 auto;

	position:relative

}

.all-news .news-item {

	padding:.4rem .5rem;

	overflow:hidden;

	margin-bottom:.3rem;

	background:#fff

}

.all-news .news-item img {

	width:3.25rem;

	height:2.5rem;

	float:left

}

.all-news .news-item .news-intro {

	width:8rem;

	float:right;

	color:#303234

}

.all-news .news-item .news-intro h3 {

	font-weight:400;

	font-size:.26rem;

	margin-top:.25rem;

	margin-bottom:.6rem;

	line-height:.25rem;

	color:#1f1d1d

}

.all-news .news-item .news-intro .intro {

	font-size:.16rem;

	height:.16rem;

	color:#666;

	white-space:nowrap;

	text-overflow:ellipsis;

	overflow:hidden;

	margin-bottom:1rem

}

.all-news .news-item .news-intro .news-intro-bottom {

	font-size:.14rem

}

.all-news .news-item .news-intro .news-intro-bottom .time {

	float:left;

	color:#303234

}

.all-news .news-item .news-intro .news-intro-bottom .time .icon-time {

	display:inline-block;

	margin-right:.1rem;

	width:.14rem;

	height:.14rem;

	background:url(../images/icon-time.jpg) no-repeat;

	background-size:100% 100%

}

.all-news .news-item .news-intro .news-intro-bottom .read-more {

	float:right;

	color:#303234;

	width:1.6rem;

	height:.3rem;

	line-height:.3rem;

	background:#e6e6e6;

	border:.01rem solid #ccc;

	text-align:center

}

.all-news .news-item .news-intro .news-intro-bottom .read-more:hover {

	color:#000;

	border:.01rem solid #000

}

#productResult {

	overflow:hidden

}

.new-detail {

	display:flex;

	width:13.3rem;

	margin:.8rem auto 0;

	background:#fff

}

.new-detail .new-content {

	width:75%;

	padding:.5rem .5rem 1rem;

	font-size:0.18rem;

	font-family:宋体

}

.new-detail .new-content h1 {

	font-size:.36rem;

	color:#1f1d1d;

	text-align:center

}

.new-detail .new-content .post-time {

	border-bottom:.01rem solid grey;

	padding:.25rem .35rem;

	text-align:center;

	font-size:.14rem;

	color:#1f1d1d;

	position:relative

}

.new-detail .new-content .post-time a {

	position:absolute;

	right:0

}

.new-detail .new-content .post-time a .icon-return {

	display:inline-block;

	margin-left:.1rem;

	width:.16rem;

	height:.16rem;

	background:url(../images/icon-return.jpg) no-repeat;

	background-size:100% 100%;

	position:relative;

	top:.03rem

}

.new-detail .new-content .news-from {

	margin-top:0.1rem

}

.new-detail .new-content .news-from a {

	color:#1f1d1d

}

.new-detail .new-content .news-from a:hover {

	text-decoration:underline

}

.new-detail .new-content .news-more {

	margin:0.2rem 0

}

.new-detail .new-content .news-more p:first-child {

	padding-bottom:0.1rem

}

.new-detail .new-content .news-more p {

	color:#666666

}

.new-detail .new-content .news-more p a {

	color:#000

}

.new-detail .new-content .news-more p a:hover {

	text-decoration:underline

}

.new-detail .new-content .detail-content {

	width:100%;

	font-size:.16rem

}

.new-detail .new-content .detail-content img {

	max-width:100%

}

.new-detail .hot-news-list {

	width:21%;

	margin-left:2%;

	margin-top:.5rem;

	border:1px solid #c9caca;

	height:100%

}

.new-detail .hot-news-list .hot-news-top-title {

	background-color:#e6e7e7;

	padding:0.2rem 0;

	color:#8a8888;

	font-size:0.18rem;

	text-align:center

}

.new-detail .hot-news-list li {

	font-size:0.15rem;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	margin:0;

	padding:0.13rem;

	border-bottom:1px solid #e6e6e6;

}

.new-detail .hot-news-list li a {

	color:#1f1d1d

}

.new-detail .hot-news-list li:hover a {

	text-decoration:underline

}

.new-content .keyword-tags {

	display:flex;

	font-size:0.18rem;

	font-family:"宋体";

}

.new-content .keyword-tags li {

	margin-right:0.1rem

}

.contact-info {

	background:#fff;

	text-align:center

}

.contact-info .header-index {

	width:13.3rem;

	margin:0 auto;

	font-size:.2rem;

	height:1.3rem;

	line-height:.5rem;

	padding-top:.5rem;

	position:relative;

	top:-1.3rem;

	background:#fff

}

.contact-info .info-list {

	width:13.3rem;

	margin:0 auto;

	padding-bottom:.9rem

}

.contact-info .info-list .info-item {

	float:left;

	width:4.25rem;

	height:4.5rem;

	font-size:.2rem;

	overflow:hidden

}

.contact-info .info-list .info-item.active,.contact-info .info-list .info-item:hover {

	-webkit-box-shadow:0 .03rem .1rem #ececec;

	box-shadow:0 .03rem .1rem #ececec

}

.contact-info .info-list .info-item img {

	margin-top:.9rem

}

.contact-info .info-list .info-item img.tel {

	width:.64rem;

	height:.64rem

}

.contact-info .info-list .info-item img.web {

	width:.58rem;

	height:.64rem

}

.contact-info .info-list .info-item img.address {

	width:.5rem;

	height:.64rem

}

.contact-info .info-list .info-item a {

	color:#1f1d1d

}

.contact-info .info-list .info-item .name {

	font-size:.3rem;

	margin:.5rem 0 .6rem

}

.map-leave {

	width:100%;

	margin:0 auto

}

.map-leave .map {

	width:50%;

	height:6rem;

	float:left;

	overflow:hidden

}

.map-leave .leave {

	width:50%;

	height:6rem;

	float:left;

	overflow:hidden;

	padding:.9rem .65rem 0;

	color:#fff;

	text-align:left;

	background:url(../images/leave-bg.jpg) no-repeat;

	background-size:100% 100%;

	font-size:.14rem

}

.map-leave .leave li {

	margin-bottom:.4rem

}

.map-leave .leave li label {

	width:.7rem;

	display:inline-block;

	margin-bottom:.1rem

}

.map-leave .leave li input,.map-leave .leave li textarea {

	border:0;

	border-radius:.1rem;

	margin-bottom:.1rem

}

.map-leave .leave li input {

	height:.3rem;

	margin-right:.5rem

}

.map-leave .leave li textarea {

	width:4.65rem;

	height:1.2rem;

}

.map-leave .leave li button {

	width:1.1rem;

	line-height:.3rem;

	color:#fff;

	font-size:.2rem;

	background:#4d4d4d;

	border-radius:.1rem;

	border:0;

	margin-left:2.5rem

}

.map-leave .leave .title {

	font-size:.3rem;

	margin-bottom:.25rem

}

.map-leave .leave .tips {

	font-size:.2rem

}

.join {

	max-width:19.2rem;

	margin:0 auto

}

.join .brand-com-title {

	color:#1f1d1d;

	margin:0 auto;

	text-align:center;

	width:100%;

	overflow:hidden

}

.join .brand-com-title h3 {

	font-size:.44rem

}

.join .brand-com-title p {

	font-size:.2rem;

	margin:.22rem 0;

	text-transform:uppercase

}

.join .brand-com-title div.line {

	width:.6rem;

	margin:0 auto;

	border-top:.02rem solid #edcea2

}

.join .market {

	width:100%;

	height:5.55rem;

	background:url(../images/market-bg.jpg) no-repeat;

	background-size:100% 100%;

	padding-top:.7rem

}

.join .market .market-ys {

	width:13rem;

	margin:.9rem auto 0

}

.join .market .market-ys dl {

	float:left;

	width:25%;

	text-align:center;

	padding:0 .4rem

}

.join .market .market-ys dl dt {

	font-size:.3rem;

	color:#1f1d1d;

	font-weight:700;

	white-space:nowrap

}

.join .market .market-ys dl dt span {

	font-family:Arail;

	font-size:.6rem

}

.join .market .market-ys dl dd {

	font-size:.2rem;

	line-height:.24rem;

	margin-top:.4rem;

	color:#5c5b5b

}

.join .why-join {

	width:100%;

	height:10rem;

	background:url(../images/mc-join.jpg) no-repeat;

	background-size:100% 100%;

	padding-top:1rem

}

.join .why-join .brand-com-title {

	color:#fff

}

.join .why-join .why-list {

	width:13rem;

	margin:.4rem auto 0

}

.join .why-join .why-list ul.item {

	width:3.75rem;

	height:3.25rem;

	padding:.2rem .4rem;

	margin:.15rem .15rem 0;

	float:left;

	text-align:center;

	color:#fff;

	background:rgba(0,0,0,.5)

}

.join .why-join .why-list ul.item img {

	max-width:100%;

	display:inline-block

}

.join .why-join .why-list ul.item .title {

	font-size:.26rem;

	margin:.3rem auto .2rem

}

.join .why-join .why-list ul.item .detail {

	font-size:.16rem;

	line-height:.25rem;

	text-align:left

}

.join .today {

	width:100%;

	padding:1.1rem 0;

	background:#fff

}

.join .today .today-detail {

	width:12.7rem;

	margin:.4rem auto 0

}

.join .today .today-detail img {

	width:6rem;

	height:4.45rem;

	border:.2rem solid #f2f2f2

}

.join .today .today-detail .today-intro {

	float:right;

	text-align:left;

	width:6.3rem;

	color:#1f1d1d

}

.join .today .today-detail .today-intro h3 {

	font-size:.26rem;

	margin:.2rem 0

}

.join .today .today-detail .today-intro p {

	font-size:.16rem;

	line-height:.26rem;

	margin-bottom:.55rem

}

.join .deguo {

	width:100%;

	background:url(../images/jd-bg.jpg) repeat;

	padding:1.1rem 0;

	text-align:center

}

.join .deguo .roto {

	max-width:100%;

	margin:.5rem auto .4rem

}

.join .deguo .dg-intro {

	width:7.8rem;

	margin:0 auto;

	font-size:.16rem;

	line-height:.25rem

}

.join .deguo .brand-pic {

	max-width:100%;

	margin:.8rem auto 0

}

.join .jingsui {

	background:#fff

}

.join .jingsui .why-list {

	width:12.5rem;

	margin:.5rem auto 0

}

.join .jingsui .brand-com-title {

	color:#1f1d1d

}

.join .jingsui .item-bg {

	width:3.75rem;

	height:2.7rem;

	background-size:100% 100%!important;

	float:left;

	margin:.15rem .15rem 0;

	overflow:hidden

}

.join .jingsui .item-bg:hover .item {

	display:none

}

.join .jingsui .item-bg ul.item {

	padding-top:.3rem;

	margin:0;

	height:2.7rem;

	background:rgba(0,0,0,.5)

}

.join .jingsui .item-bg.p1 {

	background:url(../images/p1.jpg) no-repeat

}

.join .jingsui .item-bg.p2 {

	background:url(../images/p2.jpg) no-repeat

}

.join .jingsui .item-bg.p3 {

	background:url(../images/p3.jpg) no-repeat

}

.join .jingsui .item-bg.p4 {

	background:url(../images/p4.jpg) no-repeat

}

.join .jingsui .item-bg.p5 {

	background:url(../images/p5.jpg) no-repeat

}

.join .jingsui .item-bg.p6 {

	background:url(../images/p6.jpg) no-repeat

}

.join .support {

	width:100%;

	height:8rem;

	background:url(../images/dingzhi.jpg) repeat;

	padding:.6rem 0

}

.join .support .support-list {

	width:11.8rem;

	margin:.65rem auto 0

}

.join .support .support-list ul {

	width:48%

}

.join .support .support-list ul li {

	width:100%;

	height:.65rem;

	line-height:.65rem;

	background:#fff;

	font-size:.26rem;

	text-align:center;

	overflow:hidden;

	margin-bottom:.35rem

}

.join .support .support-list ul li span {

	width:1.2rem;

	height:.66rem;

	background:url(../images/mw-bg.png) no-repeat;

	background-size:100% 100%;

	font-weight:700;

	color:#fff;

	display:inline-block;

	float:left

}

.join .yzs {

	width:100%;

	padding:.65rem 0;

	text-align:center;

	background:#fff

}

.join .yzs img {

	max-width:100%

}

.join .yzs .yzs-pic {

	margin:.9rem auto

}

.join .partner {

	width:100%;

	padding:.65rem 0;

	text-align:center;

	background:#1f1d1d

}

.join .partner .brand-com-title {

	color:#fff

}

.join .partner img {

	max-width:100%;

	margin:.9rem auto

}

.brand .brand-container {

	border-top:.03rem solid #edcea2;

	position:relative

}

.brand .brand-container .brand-top-nav {

	position:absolute;

	width:10rem;

	height:1rem;

	background:url(../images/top-title.jpg) no-repeat;

	background-size:100% 100%;

	top:0;

	left:50%;

	margin:-.5rem 0 0 -5rem

}

.brand .brand-container .brand-top-nav a {

	width:25%;

	height:100%;

	display:block;

	float:left

}

.brand .brand-container .brand-com-title {

	/*color:#fff;*/

	color:#000000;

	margin:0 auto;

	text-align:center;

	width:100%;

	overflow:hidden

}

.brand .brand-container .brand-com-title h3 {

	text-transform:uppercase;

	font-size:.48rem

}

.brand .brand-container .brand-com-title p {

	font-size:.3rem;

	margin:.25rem

}

.brand .brand-container .brand-com-title div.line {

	width:.7rem;

	margin:0 auto;

	border-top:.03rem solid #edcea2

}

.brand .brand-container .intro {

	width:100%;

	/*height:11rem;*/

	/*background:url(../images/brand-intro.jpg) no-repeat;*/

	background-size:100% 100%;

	margin:0 auto;

	padding-top:.3rem;

}

.brand .brand-container .intro dl {

	color:#fff;

	width:13rem;

	margin:0 auto

}

.brand .brand-container .intro .video {

	width:100%;

	height:7.4rem;

	margin:.3rem 0 .4rem;

	position:relative;

}

.brand .brand-container .intro.cctv_video {

	height:9.8rem

}

.brand .brand-container .intro .video video {

	width:100%;

	height:7.4rem

}

.brand .brand-container .intro dl dt {

	font-size:.48rem;

	text-transform:uppercase;

	text-align:center

}

.brand .brand-container .intro dl dd.title {

	font-size:.3rem;

	margin:.2rem 0 .3rem;

	line-height:.45rem;

	text-align:center

}

.brand .brand-container .intro dl dd p {

	width:100%;

	line-height:.3rem;

	margin-bottom:.2rem;

	font-size:.2rem

}

.brand .brand-container .intro dl dd img {

	max-width:100%;

}

.brand .brand-container .world {

	width:100%;

	/*background:url(../images/bg.jpg) no-repeat;*/

	background-size:100% 100%;

	margin:0 auto

}

.brand .brand-container .world .history {

	width:13rem;

	margin:.45rem auto 1.2rem

}

.brand .brand-container .world .history ul>li {

	width:50%;

	position:relative;

	float:left;

	height:3.2rem

}

.brand .brand-container .world .history ul>li:last-child {

	border-left:.01rem solid #838586

}

.brand .brand-container .world .history .history-intro {

	color:#fff;

	padding-right:.2rem

}

.brand .brand-container .world .history .history-intro dl {

	margin-left:.6rem;

	margin-top:.8rem

}

.brand .brand-container .world .history .history-intro dl dt {

	font-size:.48rem

}

.brand .brand-container .world .history .history-intro dl dd.title {

	margin:.35rem 0 .3rem;

	font-size:.26rem

}

.brand .brand-container .world .history .history-intro dl dd.detail {

	font-size:.14rem;

	line-height:.24rem

}

.brand .brand-container .world .history .r-wrap {

	padding-left:.2rem;

	padding-right:.2rem

}

.brand .brand-container .world .history .icon-circle {

	width:.2rem;

	height:.2rem;

	position:absolute;

	top:50%;

	left:0;

	margin:-.1rem 0 0 -.1rem

}

.brand .brand-container .world .history img.pic {

	width:100%;

	height:3.2rem

}

.brand .brand-container .world .video {

	width:10rem;

	height:5.6rem;

	margin:.5rem auto 1.1rem;

	position:relative;

	background:#3d414a

}

.brand .brand-container .world .video video {

	width:100%;

	height:5.6rem

}

.brand .brand-container .world .video .icon-video,.brand .brand-container .intro .video .icon-video {

	width:1.07rem;

	height:1.07rem;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.brand .brand-container .world .glory {

	text-align:center

}

.brand .brand-container .world .glory img.pic {

	max-width:100%;

}

.brand .brand-container .world .glory img {

	margin:.4rem auto

}

.brand .brand-container .witness {

	width:100%;

	margin:0 auto

}

.product-detail .product-content td,.product-detail .product-content tr {

	border:1px solid #cbcbcb;

	font-family:"宋体"

}



.zizhi {

	margin:0 auto;

}

.zizhi {

	width:100%;

	/*height:6.5rem;*/

	height:auto;

}

.zizhi img {

	width:100%;

	/*height:6.5rem;*/

	height:auto;

}







@font-face {

    font-family: 'ali1';

    src: url(../other/SourceHanSansCN-Regular.otf);

}



.index_hr{

	padding-top:0.18rem;

	width:100%;

	height:0.7rem;

	text-align:center;

	font-size:0.25rem;

	background-image:url(../images/hr.png); 

	background-repeat:no-repeat; 

	background-position:center center; 

	margin:0px auto; 

	+position:relative; 

	top:-50%; 

	left:-50%; 

}



.float_mobi{

    position: fixed;

    width:1.8rem;

    height:.8rem;

    /*width:150px;*/

    /*height:120px;*/

    background-color: rgba(102,102,102,0.7);



    right:0;        

    bottom:1rem;    

    z-index: 999;

    box-shadow:0px 0px 20px #000;

    border-radius:0.1rem;

}



.float_mobi_div{

	height:100%;

	font-size:0.18rem;

	font-weight:bold;

}

.float_mobi_number{

	text-align:center;

	height:.4rem;

	/*padding-top:0.1rem;*/

	width:100%;

}



.header_fgx{

	padding:.01rem 1px .03rem 1px;

	background-color:#000000;

	opacity:0.7;

	box-shadow:0px 0px 20px #FFFFFF;

}



.fc_mobi{

	width:100%;

	height: .8rem;

}



.fc_mobi td{

	color:#FFFFFF;

	padding-left:.4rem;

	padding-top:.14rem;

	background:url(../images/phone.png) no-repeat left top;

	background-size:auto 60%;

	background-position:0.1rem 0.1rem;

}



.jj_content p{

	text-indent: 2em;

	color: #000000;

}



.banner_bh img{

    cursor: pointer;

    transition: all 20s;

}  

.swiper-slide-active img{

	transform: scale(1.2);

}

/*.banner_bh img:hover{

    transform: scale(1.5);

}*/





.fixednav {

    /*position: fixed;

    top: 0px;

    z-index: 999;

    background: #E0E0E0;

    opacity: 0.7;

    left: 0px;

    right: 0px;

    margin-left:auto;

    margin-right:auto;*/



    top: -1rem !important; 

    transition: all 1s;

}



.fixednav_down{

	transition: all 1s;

}



.contact_table{

	font-size: .18rem;

	height: 3rem;

}



.contact_table td{

	vertical-align:top !important;

}

.contact_table p{

	margin:.1rem 0;

}



.index_img img{

	/*margin:.1rem;*/

}
.key_tag {
    text-decoration: underline;
}


.dede_pages{text-align:right;}.dede_pages ul{float:right;padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.dede_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}